iT邦幫忙

DAY 23
0

使用ASP.NET MVC 實作購物網站系列 第 23

使用ASP.NET MVC 實作購物網站 (二十三) - 使用Ajax清空購物車

  • 分享至 

  • xImage
  •  

昨天我們已經完成使用Ajax將商品從購物車移除的功能了,今天我們要完成清空購物車內所有商品的功能。

今日目標:
*購物車頁面中新增 清空購物車按鈕, 並完成其功能

1. Cart類別新增ClearCart()方法,此方法就是直接將購物車內的cartItems清空。

2. CartController 新增ClearCart() Action , 呼叫步驟1中Cart類別的ClearCart()方法

3. 在[ Views/Shared/_Layout]中新增JavaScript中的ClearCart()方法,呼叫步驟2中CartController 的ClearCart() Action

4. 在[Views/Shared/_CartPartial.cshtml]購物車頁面中新增刪除商品的按鈕,並且呼叫步驟3中JavaScript的ClearCart()

5. 運行專案,任意加入多筆商品,並點選[清空]按鈕

6. 此時可以發現購物車內所有商品已被清空

這樣就完成了清空購物車內所有商品的功能囉,今天的步驟也是與昨天的步驟相差無幾,只是功能上的差別而已。接下來我們要開始進行購物車流程囉,明天我們繼續。

*今天的原始碼請參考這裡


上一篇
使用ASP.NET MVC 實作購物網站 (二十二) - 使用Ajax刪除購物車商品
下一篇
使用ASP.NET MVC 實作購物網站 (二十四) - 購物流程(1)
系列文
使用ASP.NET MVC 實作購物網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
chiso
iT邦新手 4 級 ‧ 2014-10-23 12:29:55

快要可以出一本書了,加油!

我要留言

立即登入留言